@-webkit-keyframes changeright {
	0% {
		-webkit-transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}
.customer-num {
	min-width: 50px;
	color: #1890ff;
	cursor: pointer;
}

.total-question {
	cursor: pointer;
}
.send {
	color: #1890ff;
	opacity: 0.4;
}
.send-now {
	color: #1890ff;
	cursor: pointer;
}
.loading {
	color: #409eff;
	-webkit-animation: changeright 1.5s linear infinite;
}
.primary-btn {
	height: 36px;
	border-radius: 2px;
}
.container {
	padding: 16px;
	height: calc(100vh - 100px);
	:deep(.el-table thead) {
		color: rgba(65, 66, 74, 0.85);
	}
	:deep(.el-table th.el-table__cell) {
		background-color: #fcfcfc;
	}
	:deep(.el-table--border .el-table__inner-wrapper tr td) {
		border: none;
		border-bottom: 1px solid #eee;
	}
	:deep(.el-table--border .el-table__inner-wrapper tr th) {
		border: none;
		border-bottom: 1px solid #eee;
	}
	.customer-list {
		display: flex;
		flex-wrap: wrap;
		min-height: 350px;
		.customer-item {
			margin: 12px 0 0 10px;
			width: 148px;
			height: 54px;
			display: flex;
			padding: 11px 6px;
			background: #fafafa;
			border-radius: 2px;
			min-width: 0;
			p {
				margin-left: 8px;
				padding: 0;
				-webkit-box-flex: 1;
				flex: 1;
				display: -webkit-box;
				display: flex;
				min-width: 0;
				flex-wrap: wrap;
			}
			span {
				font-size: 13px;
				color: rgba(0, 0, 0, 0.85);
				display: block;
				line-height: 18px;
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-break: break-all;
			}
			.type {
				color: #5ec75d;
				font-size: 12px;
				line-height: 16px;
			}
		}
	}
	.tooltips {
		padding: 20px;
		font-size: 16px;
	}
	.heaeder {
		width: 100%;
		background-color: #fff;
		padding: 15px;
		border-bottom: 1px solid #e8e8e8;
		.back {
			display: flex;
			align-items: center;
			cursor: pointer;
			color: #000000d9;
			font-weight: 600;
		}
	}
	.top-card {
		margin-top: 16px;
		display: flex;
		flex-direction: column;
		padding: 24px;
		background: #fff;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);
		border-radius: 2px;
		.table-avatar {
			display: flex;
			align-items: flex-start;
			font-size: 13px;
			color: #333;
			img {
				width: 36px;
				height: 36px;
				margin-right: 15px;
			}
		}
		.statistic-box {
			display: flex;
			-webkit-box-pack: start;
			-webkit-box-align: center;
			align-items: center;
			display: flex;
			justify-content: flex-start;
			padding: 0;
			.statistic-content {
				flex-basis: 40%;
				width: 169px;
				display: -webkit-box;
				display: flex;
				-webkit-box-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				align-items: center;
				height: 118px;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				flex-direction: column;
				position: relative;
				p {
					font-size: 14px;
					color: #000000a6;
				}
			}
			.statistic-wrap {
				display: -webkit-box;
				display: flex;
				-webkit-box-align: center;
				align-items: center;
				width: -webkit-fit-content;
				width: -moz-fit-content;
				width: fit-content;
				margin: 16px 0 24px;
				background: #fbfdff;
				border: 1px solid #cfe8ff;
				:deep(.el-divider--vertical) {
					height: 38px;
				}
			}
		}
		.tab-list {
			display: flex;
			border-radius: 3px;
		}
		.top-bar {
			display: flex;
			-webkit-box-align: center;
			align-items: center;
			-webkit-box-pack: justify;
			justify-content: space-between;
			margin: 16px 0;
		}
		.form-item {
			width: 100%;
			display: flex;
			margin-bottom: 24px;
			.box-item {
				padding: 20px;
			}
			.label {
				width: 85px;
				min-width: 85px;
				position: relative;
				font-size: 14px;
				color: #595959;
				display: -webkit-box;
				display: flex;
				-webkit-box-align: center;
				align-items: center;
				-webkit-box-pack: end;
				justify-content: flex-end;
			}
			.content {
				flex: 1;

				.wechat-moment {
					min-width: 100%;
					height: 315px;
					padding: 12px;
					background: #fbfbfb;
					border-radius: 2px;
					border: 1px solid #f2f2f2;
					overflow-y: auto;
				}
				.target-staff {
					display: flex;
					align-items: flex-end;
					.member-item {
						display: flex;
						-webkit-box-align: center;
						align-items: center;
						background: #f8f8f8;
						border-radius: 2px;
						padding: 10px 16px 10px 10px;
						font-size: 14px;
						font-weight: 400;
						color: #666;
						min-width: 103px;
						max-width: 190px;
						position: relative;
						border: 1px solid transparent;
						img {
							width: 28px;
							height: 28px;
							margin-right: 8px;
						}
					}
				}
				display: -webkit-box;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				flex-direction: column;
				-webkit-box-align: start;
				align-items: flex-start;
				-webkit-box-pack: justify;
				justify-content: space-between;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.85);
				.ame-staff-tag {
					display: inline-flex;
					align-items: center;
					background: #fff;
					padding: 3px 7px;
					border: 1px solid #d9d9d9;
					border-radius: 2px;
					font-size: 13px;
					color: rgba(0, 0, 0, 0.65);
					.people-icon {
						font-size: 14px;
						color: #7ea4d1;
						margin-right: 5px;
					}
				}
			}
		}
		.card-title {
			display: flex;
			align-items: center;
			font-size: 15px;
			font-weight: 700;
			color: #333;
			margin-bottom: 16px;

			.card-refresh {
				display: flex;
				align-items: center;
				font-weight: normal;
				font-size: 13px;
				color: #000;
				opacity: 0.45;
				cursor: pointer;
				.icon-refresh {
					margin-right: 3px;
					transform: rotateY(180deg);
				}
			}
		}
		.info-wrap {
			display: flex;
			-webkit-box-flex: 1;
			flex: 1;
			.basic-info {
				flex-basis: 50%;

				.target-user-content {
					width: 100%;
					margin-top: 3px;
					padding: 8px 0 16px 16px;
					background: #fff;
					border-radius: 2px;
					border: 1px solid #f0f0f0;
				}
			}
		}
		.moment-wrap {
			flex: 1;
			height: 100%;
		}
	}
	.table-empty {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		min-height: 375px;
		background-color: #fff;
	}
}
